/* 全局样式重置 */
* {
  margin: 0; /* 重置外边距 */
  padding: 0; /* 重置内边距 */
  box-sizing: border-box; /* 使用border-box盒模型 */
}

/* 根元素样式 */
html {
  font-size: 16px; /* 设置根字体大小 */
  line-height: 1.5; /* 设置行高 */
  scroll-behavior: smooth; /* 平滑滚动 */
}

/* 主体样式 */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif; /* 设置字体族 */
  -webkit-font-smoothing: antialiased; /* 字体平滑渲染 */
  -moz-osx-font-smoothing: grayscale; /* macOS字体平滑 */
  background-color: #f5f5f5; /* 设置背景色 */
  color: #333; /* 设置文字颜色 */
  min-height: 100vh; /* 最小高度为视口高度 */
}

/* 代码字体设置 */
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace; /* 设置等宽字体 */
}

/* 链接样式 */
a {
  color: #007bff; /* 链接颜色 */
  text-decoration: none; /* 移除下划线 */
  transition: color 0.3s ease; /* 颜色过渡动画 */
}

a:hover {
  color: #0056b3; /* 悬停时的颜色 */
}

/* 按钮基础样式 */
button {
  cursor: pointer; /* 鼠标指针样式 */
  border: none; /* 移除边框 */
  outline: none; /* 移除轮廓 */
  font-family: inherit; /* 继承字体 */
  transition: all 0.3s ease; /* 过渡动画 */
}

/* 输入框基础样式 */
input, textarea, select {
  font-family: inherit; /* 继承字体 */
  font-size: inherit; /* 继承字体大小 */
}

/* 列表样式重置 */
ul, ol {
  list-style: none; /* 移除列表样式 */
}

/* 图片样式 */
img {
  max-width: 100%; /* 最大宽度100% */
  height: auto; /* 高度自适应 */
  display: block; /* 块级显示 */
}

/* 表格样式 */
table {
  border-collapse: collapse; /* 合并边框 */
  width: 100%; /* 宽度100% */
}

/* 响应式设计基础 */
@media (max-width: 768px) {
  html {
    font-size: 14px; /* 小屏幕下减小字体 */
  }
}

/* 打印样式 */
@media print {
  * {
    background: transparent !important; /* 打印时移除背景 */
    color: black !important; /* 打印时使用黑色文字 */
    box-shadow: none !important; /* 移除阴影 */
    text-shadow: none !important; /* 移除文字阴影 */
  }
} 